import React from 'react';
import { connect } from 'dva';
import { TabBar, Icon } from 'antd-mobile';
import { routerRedux } from 'dva/router';
import content from '../../../common/contentCss/content.css';
import CustTitle from '../../../common/title/title';

import ScreenPage from './pages/screenPage';

function Index({ dispatch, loading, screenPage }) {

  const screenPageProps = {

  }

  const titleProps = {
    titleName:'条件筛选',
    showSaveBtnStatus: true,
    saveBtnName: '重置',
    goBack(){
      dispatch(routerRedux.goBack());
    },
    onSave(){
      console.log('---重置');
    },
  }

  const MarginHeight = () => <div style={{height: '0.6em', backgroundColor:'#F2F2F2'}}></div>;

  return (
    <div className={content.content} style={{backgroundColor:'#fff'}}>
      <CustTitle {...titleProps}/>
      <div style={{
        marginTop: '2.8125em',
      }}>
        <ScreenPage/>
      </div>
    </div>
  )
}

Index.propTypes = {
};

function mapStateToProps(state, ownProps) {
  return {
    loading: state.loading.global,
    screenPage: state.screenPage
  }
}
export default connect(mapStateToProps)(Index);
